<% var body={%>
<div class="container">
	<div class="row">
		<div class="span12">
			<ul class="breadcrumb">
				<li><a href="${contentPath}">首页</a></li>
			</ul>
		</div>
	</div>

	<div class="row">
		<div class="span11">
			<div data-spy="scroll" data-target="#myScrollspy"></div>
			<div id="myCarousel" class="carousel slide">
				<!-- Carousel items -->
				<div class="carousel-inner">
					<div class="active item">
						<img alt="1" src="${imagesPath}/carousel-01.jpg">
					</div>
					<div class="item">
						<img alt="2" src="${imagesPath}/carousel-02.jpg">
					</div>
					<div class="item">
						<img alt="3" src="${imagesPath}/carousel-03.jpg">
					</div>
				</div>
				<!-- Carousel nav -->
				<a class="carousel-control left" href="#myCarousel"
					data-slide="prev">&lsaquo;</a> <a class="carousel-control right"
					href="#myCarousel" data-slide="next">&rsaquo;</a>
			</div>
		</div>
	</div>

	<div class="hide row">
		<div class="span2" id="myScrollspy">
			<ul class="nav nav-tabs nav-stacked" data-spy="affix"
				data-offset-top="0">
				<li class="active"><a href="#">Home</a></li>
				<li><a href="#">Tutorials</a></li>
				<li><a href="#">Practice Editor </a></li>
				<li><a href="#">Gallery</a></li>
				<li><a href="#">Contact</a></li>
			</ul>
		</div>
		<div class="span8"></div>
	</div>
</div>




<%}; include("commons/_layout.html",{body:body}){}%>
